<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/orderDetail.css" />
	</head>

	<body>
		<!--头部信息-->
		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				            <span class="sr-only">切换导航</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				        </button>
						<a class="navbar-brand logo" href="#"><img src="../img/logo0.png" /></a>
					</div>
					<div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="#" class="fc-blue" id="userName">你好，张三</a>
							</li>
							<li>
								<a class="fc-blue" href="myOrders.html">我的订单</a>
							</li>
							<li>
								<a class="fc-blue quit" href="javascript:;">退出</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
		<div class="container">
			<ol class="breadcrumb">
				<li>
					<a href="main.html">月星家居</a>
				</li>
				<li>
					<a href="myOrders.html">我的订单</a>
				</li>
				<li class="active myorder">HJI91234875</li>
			</ol>
			<div class="orderStatus">
				<label>当前订单状态：<span id="orderstate">已收款</span></label>
				<label>订单编号：<span class="myorder">HJ19283759234</span></label>
				<button class="editOrder bg-color-blue">修改订单</button>
			</div>
			<div class="orderInfoBox">
				<h4>订单信息</h4>
				<div class="orderInfoMain">
					<p class="f18">收货地址</p>
					<p class="mgl36">收货人：<span class="fc-666 mgr50" id="receiver">张三</span> 收货人电话：<span class="fc-666" id="receiverPhone">12863481912</span></p>
					<p class="mgl36">收货地址：<span class="fc-666" id="receiverAddress">上海市闵行区浦江镇红星美凯龙12号102室</span></p>

					<div class="orderDetailInfoTable">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>商品信息</th>
									<th>单价(元)</th>
									<th>数量</th>
									<th>折扣价</th>
									<!--<th>优惠</th>-->
									<th>小计</th>
									<th>配送方式</th>
								</tr>
							</thead>
							<tbody class="goodlist">
								<!--<tr>
									<td>
										<dl>
											<dt class="fl"></dt>
											<dd class="fl text-left">
												<p class="f18" id="goodsCodeName">1002950001扶手椅</p>
												<p>型号：<span id="goodsModel">TOTODL363</span></p>
												<p>规格：<span id="goodsGuige">840*730*400</span></p>
											</dd>
										</dl>
									</td>
									<td>￥<span id="orgPrice">3456</span></td>
									<td id="countnum">1</td>
									<td>￥<span id="zhekouPrice">345.6</span></td>
									<td></td>
									<td>￥<span id="xiaojiPrice">345.6</span></td>
									<td><span id="mode">安装</span></td>
								</tr>-->

							</tbody>
						</table>
						<div class="totalPriceShow">
							共<span class="totalCount fc-red">0</span>件商品&nbsp;&nbsp;&nbsp;&nbsp;合计：<span class="fc-red">￥<span class="totalPrice">0</span></span>元
						</div>
					</div>
					<div class="fileImgs">
						<!--<img src="../img/goods2.png" class="img-thumbnail"/>
						<img src="../img/goods2.png" class="img-thumbnail"/>-->
					</div>
					<div class="line"></div>
					<div class="detailInfoBox">
						<p class="f18">详细信息</p>
						<div class="detailInfoBody">
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">会员电话：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="memberPhone">1368723948</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">设计师电话：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="designPhone">1368723948</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">营业员电话：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="boothPhone">1368723948</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">订货日期：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="orderDate">2017-06-08 16:17:08</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">首次付款方式：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="paymentMode">定金 1000</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">促销活动：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="activity">满1000送100券</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">是否安装：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="isInstall">安装</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">配送日期：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="deliveryDate">2017-08-06</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">赠品：</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="gift">这里是赠品信息</span>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 text-left">
								<span class="col-md-5 col-sm-5 col-xs-5">礼券</span>
								<span class="col-md-7 col-sm-7 col-xs-7 fc-666" id="voucher">这里是礼券信息</span>
							</div>
						</div>
					</div>
					<div class="line"></div>
					<div class="remarks">
						<p class="f18">备注</p>
						<div class="remarksInfo">
							这里是备注信息嘻嘻嘻嘻嘻嘻嘻嘻嘻
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/orderDetail.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>